<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>首页</title>
    <div data-th-replace="layout/head"></div>
    <div data-th-replace="layout/common-hade-two"></div>
</head>

<body>

<div data-th-replace="layout/classes/common-layout-classes"></div>

<div class="mt20 pb10" id="SL-container">
    <div class="mb20 pt10 pb10">
        <div class="container">
            <div class="row">

                <div class="col-sm-12">
                    <section class="c-info-tab">
                        <h4 class="active" data-order="0"><span class="fs16 c-333">全部话题</span></h4>
                        <h4 data-order="1"><span class="fs16 c-333">最新</span></h4>
                        <h4 data-order="2"><span class="fs16 c-333">最热</span></h4>
                    </section>

                    <div class="mt20 pt10" id="topic-list">

                        <div class="text-center pt10 pb10">
                            <span class="loading"></span>
                        </div>

                        <!--无数据 tips-->
                        <section class="no-data__wrap hide">
                            <span class="no-data-ico"></span>
                            <p class="mt20"><span class="c-666">抱歉，没有符合条件的话题~~~</span></p>
                        </section>

                        <div class="pt10 pb10 text-center class-slide-more__wrap hide">
                            <button type="button" class="btn btn-block btn-default">加载更多</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/front/web/business/classes/classes.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/classes/search-topic.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
